<?php 
include "includes/session.php";
include "includes/comunes.php";
require_once("includes/paginator.class.php");

?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<?php include "includes/metas.php";?>

<script language="JavaScript" type="text/javascript">
$(function()
{

<?php  for ($a=1;$a<=7;$a++):?>
		
		$( "#codigo<?php echo $a?>" ).autocomplete({
			source: "autoArticulosCompleto.php",
			minLength: 2,
                select: function(event, ui) {
                    $("#precio<?php echo $a?>").val(ui.item.precio);
					$("#codigo<?php echo $a?>").val(ui.item.value);
					$("#total<?php echo $a?>").val(ui.item.precio);
					//sumo totales y asigno
					importe_total = Number($("#total1").val()) + Number($("#total2").val())+ Number($("#total3").val())+ Number($("#total4").val())+ Number($("#total5").val())+ Number($("#total6").val())+ Number($("#total7").val());
					var total =importe_total;
					$("#subtotal").html('<b>$ '+total.toFixed(2)+'</b>');
					$("#subtotaloculto").val(total.toFixed(2));
            
                }

		});
              
<?php endfor?>

//multiplico los valores 
<?php  for ($a=1;$a<=7;$a++):?>
$(document).on("change","#precio<?php echo $a?>",function(){
                        precio = $("#precio<?php echo $a?>").val() ;
						cantidad = $("#cant<?php echo $a?>").val() ;
						total = precio * cantidad;
						
						$("#total<?php echo $a?>").val(total);
						//reclaculo el total
						 importe_total = Number($("#total1").val()) + Number($("#total2").val())+ Number($("#total3").val())+ Number($("#total4").val())+ Number($("#total5").val())+ Number($("#total6").val())+ Number($("#total7").val());
						 var total =importe_total;
						 $("#subtotal").html('<b>$ '+total.toFixed(2)+'</b>');
						 $("#subtotaloculto").val(total.toFixed(2));
             });
<?php endfor?>

<?php  for ($a=1;$a<=7;$a++):?>
$(document).on("change","#cant<?php echo $a?>",function(){
                        precio = $("#precio<?php echo $a?>").val() ;
						cantidad = $("#cant<?php echo $a?>").val() ;
						total = precio * cantidad;
						
						$("#total<?php echo $a?>").val(total);
						//reclaculo el total
						 importe_total = Number($("#total1").val()) + Number($("#total2").val())+ Number($("#total3").val())+ Number($("#total4").val())+ Number($("#total5").val())+ Number($("#total6").val())+ Number($("#total7").val());
						 var total =importe_total;
						 $("#subtotal").html('<b>$ '+total.toFixed(2)+'</b>');
						 $("#subtotaloculto").val(total.toFixed(2));
             });
<?php endfor?>

//calculo el total
<?php  for ($a=1;$a<=7;$a++):?>
			 $(document).on("change","#total<?php echo $a?>",function(){
                         importe_total = Number($("#total1").val()) + Number($("#total2").val())+ Number($("#total3").val())+ Number($("#total4").val())+ Number($("#total5").val())+ Number($("#total6").val())+ Number($("#total7").val());
						 var total =importe_total;
						 $("#subtotal").html('<b>$ '+total.toFixed(2)+'</b>');
						 $("#subtotaloculto").val(total.toFixed(2));
             });
<?php endfor?>

//fin calculo total


//calculo el vuelto
$(document).on("change","#efectivo",function(){
                        subtotal = $("#subtotaloculto").val() ;
						efectivo = $("#efectivo").val() ;
						vuelto = efectivo - subtotal;
						$("#vuelto").val(vuelto.toFixed(2));
						$("#totaltarjetaoculto").val($("#tarjeta").val());
						//calculo totales
						tarjeta = $("#totaltarjetaoculto").val() ;
						credito=$("#credito").val() ;
						total = parseFloat(tarjeta)+parseFloat(efectivo)+parseFloat(credito);
						$("#totfinal").html("$ " + total.toFixed(2));
						$("#totfinaloculto").val(total.toFixed(2));
             });
//fin vuelto
//busco datos del cliente
$( "#dni" ).autocomplete({
			source: "autoClientesDni.php",
			minLength: 2,
                select: function(event, ui) {
                    $("#dni").val(ui.item.dni);
					$("#nombre").val(ui.item.nombre);
					$("#apellido").val(ui.item.apellido);
					$("#telefono").val(ui.item.telefono);
					$("#idcliente").val(ui.item.cliente);
            
                }

		});
		
$( "#nombre" ).autocomplete({
			source: "autoClientesNombre.php",
			minLength: 2,
                select: function(event, ui) {
                    $("#dni").val(ui.item.dni);
					$("#nombre").val(ui.item.nombre);
					$("#apellido").val(ui.item.apellido);
					$("#telefono").val(ui.item.telefono);
					$("#idcliente").val(ui.item.cliente);
            
                }

		});		
		
$( "#apellido" ).autocomplete({
			source: "autoClientesApellido.php",
			minLength: 2,
                select: function(event, ui) {
                    $("#dni").val(ui.item.dni);
					$("#nombre").val(ui.item.nombre);
					$("#apellido").val(ui.item.apellido);
					$("#telefono").val(ui.item.telefono);
					$("#idcliente").val(ui.item.cliente);
            
                }

		});			
//Fin datos cliente

//trato tarjetas
$('#marca').chainSelect('#cuotas','combotarjetas.php',
	{
		before:function (target) //before request hide the target combobox and display the loading message
	{
			$("#loading").css("display","block");
			$(target).css("display","none");
		},
		after:function (target) //after request show the target combobox and hide the loading message
		{
			$("#loading").css("display","none");
			$(target).css("display","inline");
		}
	});

	$(document).on("change","#cuotas",function(){
                        montotarjeta = $("#tarjeta").val() ;
						interes = $("#cuotas").val() ;
						cuotas=$("#cuotas option[value='"+ $("#cuotas").val() +"']").text();
						total = montotarjeta*interes;
						montoCuota=(total/cuotas);
						$("#totaltarjeta").html("$ "+total.toFixed(2));
						$("#totaltarjetaoculto").val(total.toFixed(2));
						$("#totalporcuota").html("x $" + montoCuota.toFixed(2));
						 
						 //calculo totales
						efectivo = $("#efectivo").val() ;
						tarjeta = $("#totaltarjetaoculto").val() ;
						credito=$("#credito").val() ;
						total = parseFloat(tarjeta)+parseFloat(efectivo)+parseFloat(credito);
						$("#totfinal").html("$ " + total.toFixed(2));
						$("#totfinaloculto").val(total.toFixed(2));
             });
//fin tarjetas

//calculo totales
$(document).on("change","#tarjeta",function(){
                        $("#totaltarjetaoculto").val($("#tarjeta").val());
						efectivo = $("#efectivo").val() ;
						tarjeta = $("#totaltarjetaoculto").val() ;
						credito=$("#credito").val() ;
						total = parseFloat(tarjeta)+parseFloat(efectivo)+parseFloat(credito);
						$("#totfinal").html("$ " + total.toFixed(2));
						$("#totfinaloculto").val(total.toFixed(2));
						
             });

			 $(document).on("change","#credito",function(){
                         $("#totaltarjetaoculto").val($("#tarjeta").val());
						efectivo = $("#efectivo").val() ;
						tarjeta = $("#totaltarjetaoculto").val() ;
						credito=$("#credito").val() ;
						total = parseFloat(tarjeta)+parseFloat(efectivo)+parseFloat(credito);
						$("#totfinal").html("$ " + total.toFixed(2));
						$("#totfinaloculto").val(total.toFixed(2));
						
             });
	  $( "#menu" ).menu({position: {at: "left bottom"}});

	  
	  $("#altapedido").submit(function () {

         if($("#totfinaloculto").val() >= $("#subtotaloculto").val())
                  if (confirm('Esta seguro que confirma la factura por un total de $'+$("#totfinaloculto").val())){ 
					   return true;
					}else
					   return false;
		else{
           alert('Los valores ingresados son menores al monto Total');
           return false;	}
});
	  
	  
});
</script>



</head>

<body>

<div class="container">
<?php //include "includes/head.php"?>
   <div class="content">
       <div class="tituloprincipal"><img src="img/puntoVenta.png" width="25" height="25" border="0"/> <div style="float:left;">PUNTO DE VENTA</div>
	   <div style="float:right;">Nro Factura : <?php echo obtener_numero_interno($_SESSION['usuSucursal'])?>&nbsp;&nbsp;&nbsp;</div>
           <?php //include 'includes/submenu.php';?>  
           </div>
       
       <div class="contenedorpedido">
       <form id="altapedido" name="altapedido" method="POST" action="grabarVenta.php">
	  
        <fieldset>
             <legend><b>Cliente</b></legend>
             <table width="100%">
                 <tr>

                    <td class="textotablamenuform">DNI</td>
                    <td class="textotablamenuform"><input type="text" required name="dni" id="dni"  value="" class="campo_form" />
					<input type="hidden" required name="idcliente" id="idcliente"  value="" class="campo_form" />
					</td>
                    <td class="textotablamenuform">Entrega</td>
                    <td class="textotablamenuform">
					<select  class="campo_form" name="entrega">
					<option value="1" selected>Retira</option>
					<option value="2">Envio a Domicilio</option>
					</select>
					
					</td>
                    
<td class="textotablamenuform"></td>				
                 </tr>
                 <tr>
                      <td class="textotablamenuform">Nombre</td>
                     <td class="textotablamenuform" >
                          <input type="text" name="nombre" id="nombre" required class="campo_form" />
                     </td>
					 <td class="textotablamenuform">Apellido</td>
                     <td class="textotablamenuform" >
                          <input type="text" name="apellido" id="apellido" required class="campo_form" />
                     </td>
                     
                    
                 </tr>
			
                 <tr>
                     <td class="textotablamenuform"> Telefono</td>
                    <td class="textotablamenuform" colspan="7">
					<input type="text" name="telefono" id="telefono" value="" required class="campo_form" />
					 
                        </tr>
                 
                   
             </table>
        </fieldset>
      
           <fieldset>
             <legend><b>Detalle </b></legend>
             
             </br>

             <table >
			 <tr>
			 <td class="textotablamenuform" style="width:50%;">Articulo</td>
			 <td class="textotablamenuform">Cantidad</td>
			 <td class="textotablamenuform">Precio</td>
             <td class="textotablamenuform">Total</td>
			 </tr>
  
               <tbody>

                <?php
                
                for($i=1;$i<=7;$i++):?>
                  <tr id="fila<?php echo $i?>">
                     
                     <td ><input  type="text" style="width:90%;" name="codigo<?php echo $i?>" id="codigo<?php echo $i?>"  value="" class="campo_form"/></td>
					<td ><input  type="number"  min="1" name="cant<?php echo $i?>" id="cant<?php echo $i?>"  style="width:90%;" value="1" class="campo_form"/></td> 
					<td ><input  type="number" min="0" step="0.01" name="precio<?php echo $i?>" id="precio<?php echo $i?>"  value="0" style="width:90%;" class="campo_form"/></td>					
					<td ><input  type="text"    name="total<?php echo $i?>" id="total<?php echo $i?>"  value="0"  style="color:green;font-size:20px;font-weight:bold;width:90%;" value="" class="campo_form"/></td>
					
                     
                  </tr>
                 <?php
                 endfor
                
                 ?>

                  
                </tbody>

             </table>
             

        </fieldset>
		<fieldset>
            
             <table style="width:100%;">
              
                   <tr>
				  
                   <td class="textotablamenuform" style="width:30%;">
						<div style="font-size:22px" > SUB TOTAL </div>
					    </td>
                         <td class="textotablamenuform" style="width:30%;">
                             <div style="font-size:22px" id="subtotal">$ 0</div>
						<input type="hidden" name="subtotaloculto" id="subtotaloculto"  >
						 </td>
						  <td class="textotablamenuform" style="width:30%;"></td>
                    	</tr>
						
				<tr >
				   
                   <td class="textotablamenuform" style="width:30%;" >
						<div style="font-size:24px" > Efectivo </div>
					    </td>
                         <td class="textotablamenuform" style="width:30%;">
                             <div style="color:green;font-size:24px" >
							 <input min="0" accesskey="e" type="number"  value="0" placeholder="Monto" style="color:green;font-size:22px;font-weight:bold;" name="efectivo" id="efectivo"  class="campo_form" />
							 </div>
						
						 </td>
						 <td class="textotablamenuform" style="width:30%;">
						 <input type="number"  disabled min="0" style="color:red; font-size:22px" disabled name="vuelto" placeholder="Vuelto" id="vuelto"  class="campo_form" />
							 
						 </td>
                    	</tr>		
             <tr >
				   
                   <td class="textotablamenuform" style="width:30%;" >
						<div style="font-size:24px" > Tarjeta </div>
					    </td>
                         <td class="textotablamenuform" style="width:30%;">
                             <div style="color:green;font-size:24px" >
							 <input type="number"  accesskey="t" min="0" placeholder="Monto" style="font-size:22px" name="tarjeta" id="tarjeta"  value="0" class="campo_form" />
							 </div>
						      <div style="color:green;font-size:24px" id="totaltarjeta">$ 0</div>
							  <input type="hidden"  name="totaltarjetaoculto" id="totaltarjetaoculto"  value="0" class="campo_form" />
							
						 </td>
						 <td class="textotablamenuform" style="width:30%;">
						 <select style="font-size:22px;width:45;height:30px;" name="marca" id="marca"  class="campo_form">
						<option value="0">Seleccionar...</option>
						   <?php 
						   $resRub=obtener_tarjetas();
						   while($regRub=mysql_fetch_array($resRub)):?>
						   <option value="<?php echo $regRub['id']?>"><?php echo $regRub['Nombre']?></option>
						   <?php endwhile ?>
						  </select>
						 </select>
						  &nbsp;
						 <select style="font-size:22px;height:30px;display:none;" name="cuotas" id="cuotas"  class="campo_form">

						</select>	
							<div style="font-size:24px" id="totalporcuota">  </div>						
						 </td>
                    	</tr>								
				<tr >
				   
                   <td class="textotablamenuform" style="width:30%;" >
						<div style="font-size:24px" > Credito </div>
					    </td>
                         <td class="textotablamenuform" style="width:30%;">
                             <div style="color:green;font-size:24px" >
							 <input value="0" min="0" accesskey="c" type="number"  placeholder="Monto" style="color:green;font-size:22px;font-weight:bold;" name="credito" id="credito"  class="campo_form" />
							 </div>
						
						 </td>
						 <td class="textotablamenuform" style="width:30%;">
						 <input type="number"  style="color:green;font-size:22px" min="0" name="nrocredito" placeholder="Numero Credito" id="nrocredito"  class="campo_form" />
							 
						 </td>
                    	</tr>
				<tr>
				  
					 <td class="textotablamenuform" colspan="3" style="width:100%;">
					 <hr></td>
                    	</tr>
                   <td class="textotablamenuform" style="width:30%;">
						<div style="color:green;font-size:24px" > TOTAL </div>
					    </td>
                         <td class="textotablamenuform" style="width:30%;">
                             <div style="color:green;font-size:26px" id="totfinal">$ 0</div>
						 <input type="hidden"  style="color:green;font-size:22px" min="0" name="totfinaloculto"  id="totfinaloculto"  class="campo_form" />
						
						 </td>
						  <td class="textotablamenuform" style="width:30%;"></td>
                    	</tr>						
						
             </table>
        </fieldset>
           <fieldset>
             
             <table>
              
                   <tr>
                  <td class="textotablamenuform" style="width:90%;">

						
						 </td>
                         <td class="textotablamenuform" style="text-align: right;" align="right">
						  <input type="submit" name="grabar" value="Grabar Venta (F2)"  accesskey="F2" class="boton_form"/>
                         <input type="reset" name="cancelar" value="Cancelar Venta (F1)"  accesskey="F1" class="boton_form"/>
						
						 </td>
                    	</tr>
						
						<!--<tr>
						 <td class="textotablamenuform" style="text-align: right;" > </td>
					
						 <td class="textotablamenuform" style="text-align: right;" > <input name="10x5" id="submit" type="submit" value="Etiquetas 10x5" class="boton_form"/> </td>
						<td class="textotablamenuform" style="text-align: right;" >  <input name="10x8" id="submit" type="submit" value="Etiquetas 10x8" class="boton_form"/> </td>
                    
                 </tr>-->
             </table>
        </fieldset>
		 </form>
       </div>
 
       <div class="clear"></div>
   <br>
   </div>
  <?php //include "includes/pie.php"?>
  
</div>


</body>
</html>
